<template>
  <div :class="{'spec-1':true}">
    <spec-exhib-header :exhibUrl="detail.poUrl" :defaultColor="detail.defaultColor" :focusColor="detail.focusColor" :isShowOnline="detail.netHall"></spec-exhib-header>
    <div class="spec-theme">
      <img-box :imgSrc="detail.summaryPicUrl" width="100%" height="495"></img-box>
    </div>
    <div class="spec-body xui-margin-top-xxl">
      <router-view></router-view>
    </div>
    <spec-exhib-footer ></spec-exhib-footer>
  </div>
</template>
<script>
import "@/assets/css/spec-exhibition-1.less";
import HeaderForExhib from "@/components/container/headerForExhib.vue";
import footerForExhib from "@/components/container/footerForSpecExhib.vue";
import imgBox from "@/components/widge/img-box.vue";
import specTheme from "@/assets/images/example/innerbg.jpg";

export default {
  components: {
    "spec-exhib-header": HeaderForExhib,
    "spec-exhib-footer": footerForExhib,
    imgBox
  },
  data() {
    return {
      specTheme
    };
  },
  computed: {
    detail() {
      return this.$store.getters.specExhibDetail;
    }
  },
  mounted() {
    let id = this.$route.params.id;
    this.$store.dispatch("getSpecExhibDetail", id);
  }
};
</script>

<style lang="less" scoped>
body {
  padding-bottom: 100px;
}
</style>




